<!DOCTYPE html>
<html lang="zh-CN">
  <head>
  <base href="http://markdown.p2hp.com/extended-syntax/" />
  
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-102240749-1"></script> -->
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-102240749-1');
  </script>
  

  <meta charset="utf-8">
  <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico"/>
  <link rel="apple-touch-icon" sizes="180x180" href="../assets/favicons/apple-touch-icon.png">
  <link rel="mask-icon" href="../assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Markdown扩展语法 | Markdown 中文网</title>

  <meta name="description" content="Advanced features that build on the basic Markdown syntax.">
  <meta content="Matt Cone and contributors" name=author>
  <meta name="keywords" content="Markdown, Markdown language, Markdown syntax, Markdown guide, Markdown cheatsheet, Markdown help, Markdown tutorial">
  <meta name="twitter:card" content="summary" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="http://markdown.p2hp.com/extended-syntax/" />
  <meta property="og:title" content="Markdown扩展语法 | Markdown 中文网" />
  <meta property="og:description" content="Advanced features that build on the basic Markdown syntax." />
  <meta property="og:image" content="http://markdown.p2hp.com/assets/images/markdown-guide-og.jpg" />

  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">

  <link rel='stylesheet' href='https://d33wubrfki0l68.cloudfront.net/bundles/2cc5944412d3c5855eb1f26f2dc9a339c6170fff.css'/>
  
  

  
  
  

  <link rel="canonical" href="index.html">

  <script src='https://d33wubrfki0l68.cloudfront.net/bundles/2c5110a7ae8f1f020352b27cb55a6d475561dbe9.js'></script>
  <script defer src='https://d33wubrfki0l68.cloudfront.net/bundles/1066bc339a3beded5f6c4279870b406c047460fe.js'></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4638549725433695" crossorigin="anonymous"></script><script src="//www.p2hp.com/tj.js"></script></head>

  <body data-spy="scroll" data-target="#toc">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark mdg-nav">
  <div class="container">
    <a class="navbar-brand" href="../index.html" style="margin-top: 2px; margin-bottom: 3px">
      <img src="https://d33wubrfki0l68.cloudfront.net/f1f475a6fda1c2c4be4cac04033db5c3293032b4/513a4/assets/images/markdown-mark-white.svg" height="23" class="d-inline-block align-top" alt="" style="margin-top: 4px; padding-right: 10px">
      Markdown 中文网
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNavAltMarkup" style="margin-top: 2px">
      <div class="navbar-nav">
        <a class="nav-item nav-link " href="../getting-started">Markdown入门</a>
        <a class="nav-item nav-link  " href="../cheat-sheet">备忘表</a>
        <a class="nav-item nav-link " href="../basic-syntax">Markdown基本语法</a>
        <a class="nav-item nav-link active" href="../extended-syntax">Markdown扩展语法</a>
        <a class="nav-item nav-link " href="../tools">工具</a>
        <a class="nav-item nav-link " href="../book">书</a>
      </div>
    </div>
    <!-- <form class="form-inline d-none d-lg-inline-block mt-2 mt-md-0">
      <input type="text" class="form-control" id="search-input" placeholder="Search" style="margin-top:0">
    </form> -->
  </div>
</nav>

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
      <div class="container">
        <h1 class="no-anchor" data-toc-skip>Markdown扩展语法
        </h1>
        <p>基于基本Markdown语法的高级功能。

          </p>
      </div>
    </div>


    <div class="container">
      <div class="row row-offcanvas row-offcanvas-right">
        <div class="col-xs-12 col-sm-12 col-md-9">
          
<h2 id="overview"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">总览</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#overview" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">John Gruber的原始设计文档中概述</font><font style="vertical-align: inherit;">的</font></font><a href="http://markdown.p2hp.com/basic-syntax"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">基本语法</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">每天增加了许多所需的元素，但对于某些人来说还不够。</font><font style="vertical-align: inherit;">这就是扩展语法的用武之地。</font></font></p>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一些个人和组织开始通过添加表，代码块，语法突出显示，URL自动链接和脚注等其他元素来扩展基本语法。</font><font style="vertical-align: inherit;">可以通过使用基于基本Markdown语法的轻量级标记语言，或者通过向兼容的Markdown处理器添加扩展来启用这些元素。</font></font></p>

<h2 id="availability"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">可用性</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#availability" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">并非所有Markdown应用程序都支持扩展语法元素。</font><font style="vertical-align: inherit;">您需要检查您的应用程序所使用的轻量级标记语言是否支持您要使用的扩展语法元素。</font><font style="vertical-align: inherit;">如果没有，仍然可以在Markdown处理器中启用扩展。</font></font></p>

<h3 id="lightweight-markup-languages"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">轻量标记语言</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#lightweight-markup-languages" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">有几种轻量级标记语言是</font><font style="vertical-align: inherit;">Markdown的</font></font><em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">超集</font></font></em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font><font style="vertical-align: inherit;">它们包括Gruber的基本语法，并通过添加其他元素（例如表，代码块，语法突出显示，URL自动链接和脚注）在此基础上构建。</font><font style="vertical-align: inherit;">许多最受欢迎的Markdown应用程序使用以下轻量级标记语言之一：</font></font></p>

<ul>
  <li><a href="http://commonmark.org"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">通用商标</font></font></a></li>
  <li><a href="https://github.github.com/gfm/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">GitHub风格的Markdown（GFM）</font></font></a></li>
  <li><a href="https://michelf.ca/projects/php-markdown/extra/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown Extra</font></font></a></li>
  <li><a href="http://fletcherpenney.net/multimarkdown/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">MultiMarkdown</font></font></a></li>
  <li><a href="https://rmarkdown.rstudio.com/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">R Markdown</font></font></a></li>
</ul>

<h3 id="markdown-processors"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown处理器</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#markdown-processors" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">有</font></font><a href="https://github.com/markdown/markdown.github.com/wiki/Implementations"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">几十个Markdown的处理器</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">使用。</font><font style="vertical-align: inherit;">它们中的许多允许您添加启用扩展语法元素的扩展。</font><font style="vertical-align: inherit;">查看处理器的文档以获取更多信息。</font></font></p>

<h2 id="tables"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">表格</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#tables" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要添加表，请使用三个或多个连字符（</font></font><code class="highlighter-rouge">---</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）创建每列的标题，并使用管道（</font></font><code class="highlighter-rouge">|</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）分隔每列。</font><font style="vertical-align: inherit;">您可以选择在表的任一端添加管道。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>| Syntax      | Description |<font></font>
| ----------- | ----------- |<font></font>
| Header      | Title       |<font></font>
| Paragraph   | Text        |<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<table class="table table-bordered">
  <thead>
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">句法</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">描述</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标头</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题</font></font></td>
    </tr>
    <tr>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">段</font></font></td>
      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">文本</font></font></td>
    </tr>
  </tbody>
</table>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">像元宽度可以变化，如下所示。</font><font style="vertical-align: inherit;">呈现的输出将看起来相同。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>| Syntax | Description |<font></font>
| --- | ----------- |<font></font>
| Header | Title |<font></font>
| Paragraph | Text |<font></font>
</code></pre></div></div>

<div class="alert alert-success">
  <svg class="svg-inline--fa fa-lightbulb fa-w-11" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="lightbulb" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" data-fa-i2svg=""><path fill="currentColor" d="M96.06 454.35c.01 6.29 1.87 12.45 5.36 17.69l17.09 25.69a31.99 31.99 0 0 0 26.64 14.28h61.71a31.99 31.99 0 0 0 26.64-14.28l17.09-25.69a31.989 31.989 0 0 0 5.36-17.69l.04-38.35H96.01l.05 38.35zM0 176c0 44.37 16.45 84.85 43.56 115.78 16.52 18.85 42.36 58.23 52.21 91.45.04.26.07.52.11.78h160.24c.04-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45C335.55 260.85 352 220.37 352 176 352 78.61 272.91-.3 175.45 0 73.44.31 0 82.97 0 176zm176-80c-44.11 0-80 35.89-80 80 0 8.84-7.16 16-16 16s-16-7.16-16-16c0-61.76 50.24-112 112-112 8.84 0 16 7.16 16 16s-7.16 16-16 16z"></path></svg><!-- <i class="fas fa-lightbulb"></i> --> <strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">提示：</font></font></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">使用连字符和管道创建表可能很麻烦。</font><font style="vertical-align: inherit;">为了加快这一过程，请尝试使用</font></font><a href="http://www.tablesgenerator.com/markdown_tables"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown Tables Generator</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font><font style="vertical-align: inherit;">使用图形界面构建表，然后将生成的Markdown格式的文本复制到文件中。
</font></font></div>

<h3 id="alignment"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">对齐</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#alignment" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您可以通过</font></font><code class="highlighter-rouge">:</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在标题行内的连字符的左侧，右侧或两侧</font><font style="vertical-align: inherit;">添加一个冒号（</font><font style="vertical-align: inherit;">），以</font><font style="vertical-align: inherit;">使列中的文本左，右或居中对齐</font><font style="vertical-align: inherit;">。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>| Syntax      | Description | Test Text     |<font></font>
| :---        |    :----:   |          ---: |<font></font>
| Header      | Title       | Here's this   |<font></font>
| Paragraph   | Text        | And more      |<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<table class="table table-bordered">
  <thead>
    <tr>
      <th style="text-align: left"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">句法</font></font></th>
      <th style="text-align: center"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">描述</font></font></th>
      <th style="text-align: right"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">测试文字</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="text-align: left"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标头</font></font></td>
      <td style="text-align: center"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题</font></font></td>
      <td style="text-align: right"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是这个</font></font></td>
    </tr>
    <tr>
      <td style="text-align: left"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">段</font></font></td>
      <td style="text-align: center"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">文本</font></font></td>
      <td style="text-align: right"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">和更多</font></font></td>
    </tr>
  </tbody>
</table>

<h3 id="formatting-text-in-tables"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">格式化表格中的文字</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#formatting-text-in-tables" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您可以格式化表格中的文本。</font><font style="vertical-align: inherit;">例如，您可以添加</font></font><a href="../basic-syntax/index.html#links"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">链接</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">，</font></font><a href="../basic-syntax/index.html#code-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">代码</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">（</font></font><code class="highlighter-rouge">`</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">仅</font><font style="vertical-align: inherit;">在刻度线（</font><font style="vertical-align: inherit;">）中显示</font><font style="vertical-align: inherit;">单词或短语</font><font style="vertical-align: inherit;">，而不能在</font></font><a href="../basic-syntax/index.html#code-blocks"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">代码块中添加</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）和</font></font><a href="../basic-syntax/index.html#emphasis"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">强调</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></p>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您不能添加标题，块引用，列表，水平规则，图像或HTML标签。</font></font></p>

<h3 id="escaping-pipe-characters-in-tables"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在表中转义管道字符</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#escaping-pipe-characters-in-tables" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您可以</font></font><code class="highlighter-rouge">|</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">使用表格的HTML字符代码（</font></font><code class="highlighter-rouge">&amp;#124;</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）</font><font style="vertical-align: inherit;">在表中</font><font style="vertical-align: inherit;">显示竖线（</font><font style="vertical-align: inherit;">）字符</font><font style="vertical-align: inherit;">。</font></font></p>

<h2 id="fenced-code-blocks"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">围栏代码块</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#fenced-code-blocks" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown基本语法允许您</font><font style="vertical-align: inherit;">通过将行缩进四个空格或一个制表符</font><font style="vertical-align: inherit;">来创建</font></font><a href="http://markdown.p2hp.com/basic-syntax#code-blocks"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">代码块</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font><font style="vertical-align: inherit;">如果发现不方便，请尝试使用受保护的代码块。</font><font style="vertical-align: inherit;">根据Markdown处理器或编辑器的不同，您将</font><font style="vertical-align: inherit;">在代码块之前和之后的行上</font><font style="vertical-align: inherit;">使用三个刻度线（</font></font><code>```</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）或三个波浪号（</font></font><code class="highlighter-rouge">~~~</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）。</font><font style="vertical-align: inherit;">最好的部分？</font><font style="vertical-align: inherit;">您不必缩进任何行！</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>```<font></font>
{<font></font>
  "firstName": "John",<font></font>
  "lastName": "Smith",<font></font>
  "age": 25<font></font>
}<font></font>
```<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<div class="language-text highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{<font></font>
  "firstName": "John",<font></font>
  "lastName": "Smith",<font></font>
  "age": 25<font></font>
}<font></font>
</code></pre></div></div>

<div class="alert alert-success">
  <svg class="svg-inline--fa fa-lightbulb fa-w-11" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="lightbulb" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" data-fa-i2svg=""><path fill="currentColor" d="M96.06 454.35c.01 6.29 1.87 12.45 5.36 17.69l17.09 25.69a31.99 31.99 0 0 0 26.64 14.28h61.71a31.99 31.99 0 0 0 26.64-14.28l17.09-25.69a31.989 31.989 0 0 0 5.36-17.69l.04-38.35H96.01l.05 38.35zM0 176c0 44.37 16.45 84.85 43.56 115.78 16.52 18.85 42.36 58.23 52.21 91.45.04.26.07.52.11.78h160.24c.04-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45C335.55 260.85 352 220.37 352 176 352 78.61 272.91-.3 175.45 0 73.44.31 0 82.97 0 176zm176-80c-44.11 0-80 35.89-80 80 0 8.84-7.16 16-16 16s-16-7.16-16-16c0-61.76 50.24-112 112-112 8.84 0 16 7.16 16 16s-7.16 16-16 16z"></path></svg><!-- <i class="fas fa-lightbulb"></i> --> <strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">提示：是否</font></font></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">需要在代码块内显示刻度线？</font><font style="vertical-align: inherit;">请参阅</font></font><a href="../basic-syntax/index.html#escaping-tick-marks"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">本节</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">以了解如何逃避它们。
</font></font></div>

<h3 id="syntax-highlighting"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">语法高亮</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#syntax-highlighting" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">许多Markdown处理器都支持围栏代码块的语法突出显示。</font><font style="vertical-align: inherit;">此功能使您可以为代码编写时使用的任何语言添加颜色突出显示。要添加语法突出显示，请在受防护的代码块之前的对号旁指定一种语言。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>```json<font></font>
{<font></font>
  "firstName": "John",<font></font>
  "lastName": "Smith",<font></font>
  "age": 25<font></font>
}<font></font>
```<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<div class="language-json highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{</span><span class="w">
  </span><span class="nl">"firstName"</span><span class="p">:</span><span class="w"> </span><span class="s2">"John"</span><span class="p">,</span><span class="w">
  </span><span class="nl">"lastName"</span><span class="p">:</span><span class="w"> </span><span class="s2">"Smith"</span><span class="p">,</span><span class="w">
  </span><span class="nl">"age"</span><span class="p">:</span><span class="w"> </span><span class="mi">25</span><span class="w">
</span><span class="p">}</span><span class="w">
</span></code></pre></div></div>

<h2 id="footnotes"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">脚注</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#footnotes" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">脚注使您可以添加注释和参考，而不会使文档正文混乱。</font><font style="vertical-align: inherit;">创建脚注时，带有脚注引用的链接将出现带有链接的上标编号。</font><font style="vertical-align: inherit;">读者可以单击链接跳至页面底部的脚注内容。</font></font></p>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要创建脚注参考，请在方括号（</font></font><code class="highlighter-rouge">[^1]</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）</font><font style="vertical-align: inherit;">内添加插入符号和标识符</font><font style="vertical-align: inherit;">。</font><font style="vertical-align: inherit;">标识符可以是数字或文字，但他们不能包含空格或制表符。</font><font style="vertical-align: inherit;">标识符仅将脚注参考与脚注本身相关联-在输出中，脚注按顺序编号。</font></font></p>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在括号内使用另一个插入符号和数字添加脚注，并用冒号和文本（</font></font><code class="highlighter-rouge">[^1]: My footnote.</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）</font><font style="vertical-align: inherit;">括起来</font><font style="vertical-align: inherit;">。</font><font style="vertical-align: inherit;">您不必在文档末尾添加脚注。</font><font style="vertical-align: inherit;">你可以把他们的任何地方，除了像列表一样，块报价，和表格等元素里面。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Here's a simple footnote,[^1] and here's a longer one.[^bignote]<font></font>
<font></font>
[^1]: This is the first footnote.<font></font>
<font></font>
[^bignote]: Here's one with multiple paragraphs and code.<font></font>
<font></font>
    Indent paragraphs to include them in the footnote.<font></font>
<font></font>
    `{ my code }`<font></font>
<font></font>
    Add as many paragraphs as you like.<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是一个简单的脚注，</font></font><sup id="fnref:1"><a href="index.html#fn:1" class="footnote"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">1</font></font></a></sup><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">是一个较长的</font><font style="vertical-align: inherit;">脚注</font><font style="vertical-align: inherit;">。</font></font><sup id="fnref:bignote"><a href="index.html#fn:bignote" class="footnote"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2</font></font></a></sup></p>

<div class="footnotes">
  <ol>
    <li id="fn:1">
      <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是第一个脚注。&nbsp;</font></font><a href="index.html#fnref:1" class="reversefootnote"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">↩</font></font></a></p>
    </li>
    <li id="fn:bignote">
      <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是一个包含多个段落和代码的代码。</font></font></p>

      <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">缩进段落以将其包括在脚注中。</font></font></p>

      <p><code class="highlighter-rouge">{ my code }</code></p>

      <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">添加任意多的段落。&nbsp;</font></font><a href="index.html#fnref:bignote" class="reversefootnote"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">↩</font></font></a></p>
    </li>
  </ol>
</div>

<h2 id="heading-ids"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题编号</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#heading-ids" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">许多Markdown处理器支持</font></font><a href="../basic-syntax/index.html#headings"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题的</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">自定义</font><font style="vertical-align: inherit;">ID-一些Markdown处理器会自动添加它们。</font><font style="vertical-align: inherit;">添加自定义的ID，您可以直接链接到标题，并用CSS修改。</font><font style="vertical-align: inherit;">要添加自定义标题ID，请在与标题相同的行上用大括号括起该自定义ID。</font></font></p>

<div class="language-text highlighter-rouge"><div class="highlight"><pre class="highlight"><code>### My Great Heading {#custom-id}
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML看起来像这样：</font></font></p>

<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;h3</span> <span class="na">id=</span><span class="s">"custom-id"</span><span class="nt">&gt;</span>My Great Heading<span class="nt">&lt;/h3&gt;</span>
</code></pre></div></div>

<h3 id="linking-to-heading-ids"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">链接到标题ID</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#linking-to-heading-ids" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h3>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">通过创建</font><font style="vertical-align: inherit;">带有数字符号（</font><font style="vertical-align: inherit;">）和自定义标题ID </font><font style="vertical-align: inherit;">的</font></font><a href="../basic-syntax/index.html#links"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标准链接</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">，</font><font style="vertical-align: inherit;">可以链接到文件中具有自定义ID </font></font><code class="highlighter-rouge">#</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">的标题。</font></font></p>

<table class="table table-bordered">
  <thead class="thead-light">
    <tr>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Markdown</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></th>
      <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">渲染输出</font></font></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code class="highlighter-rouge">[Heading IDs](#heading-ids)</code></td>
      <td><code class="highlighter-rouge"> &lt;a href="#heading-ids"&gt;Heading IDs&lt;/a&gt;</code></td>
      <td><a href="index.html#heading-ids"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题编号</font></font></a></td>
    </tr>
  </tbody>
</table>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">通过将自定义标题ID添加到网页的完整URL（例如，</font></font><code class="highlighter-rouge">[Heading IDs](http://markdown.p2hp.com/extended-syntax#heading-ids)</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）</font><font style="vertical-align: inherit;">，其他网站可以链接到标题</font><font style="vertical-align: inherit;">。</font></font></p>

<h2 id="definition-lists"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">定义清单</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#definition-lists" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一些Markdown处理器允许您创建</font></font><em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">自定义列表</font></font></em><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">和术语及其相应的定义。</font><font style="vertical-align: inherit;">要创建定义列表，请在第一行上键入术语。</font><font style="vertical-align: inherit;">下一行，键入一个冒号后跟一个空格和定义。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>First Term<font></font>
: This is the definition of the first term.<font></font>
<font></font>
Second Term<font></font>
: This is one definition of the second term.<font></font>
: This is another definition of the second term.<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML看起来像这样：</font></font></p>

<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;dl&gt;</span>
  <span class="nt">&lt;dt&gt;</span>First Term<span class="nt">&lt;/dt&gt;</span>
  <span class="nt">&lt;dd&gt;</span>This is the definition of the first term.<span class="nt">&lt;/dd&gt;</span>
  <span class="nt">&lt;dt&gt;</span>Second Term<span class="nt">&lt;/dt&gt;</span>
  <span class="nt">&lt;dd&gt;</span>This is one definition of the second term. <span class="nt">&lt;/dd&gt;</span>
  <span class="nt">&lt;dd&gt;</span>This is another definition of the second term.<span class="nt">&lt;/dd&gt;</span>
<span class="nt">&lt;/dl&gt;</span>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<dl>
  <dt><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第一学期</font></font></dt>
  <dd><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是第一个术语的定义。</font></font></dd>
  <dt><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第二期</font></font></dt>
  <dd><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是第二项的定义。</font></font></dd>
  <dd><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是第二项的另一个定义。</font></font></dd>
</dl>

<h2 id="strikethrough"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">删除线</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#strikethrough" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您可以通过在单词中心放置一条水平线来“删除”单词。</font><font style="vertical-align: inherit;">结果看起来</font></font><del><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">像这样</font></font></del><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font><font style="vertical-align: inherit;">此功能使您可以指示某些单词是一个错误，并不表示要包含在文档中。</font><font style="vertical-align: inherit;">若要删除单词，请</font></font><code class="highlighter-rouge">~~</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在单词前后</font><font style="vertical-align: inherit;">使用两个波浪号（</font><font style="vertical-align: inherit;">）。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>~~The world is flat.~~ We now know that the world is round.
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<p><del><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">世界是平坦的。</font></font></del><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 我们现在知道世界是圆的。</font></font></p>

<h2 id="task-lists"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">任务清单</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#task-lists" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">任务列表使您可以创建带有复选框的项目列表。</font><font style="vertical-align: inherit;">在支持任务列表的Markdown应用程序中，复选框将显示在内容旁边。</font><font style="vertical-align: inherit;">要创建任务列表，请</font><font style="vertical-align: inherit;">在任务列表项之前</font><font style="vertical-align: inherit;">添加破折号（</font></font><code class="highlighter-rouge">-</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）和方括号，并</font></font><code class="highlighter-rouge">[ ]</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在其前面</font><font style="vertical-align: inherit;">加上一个空格（</font><font style="vertical-align: inherit;">）。</font><font style="vertical-align: inherit;">要选择一个复选框，请</font></font><code class="highlighter-rouge">x</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在方括号（</font></font><code class="highlighter-rouge">[x]</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">）</font><font style="vertical-align: inherit;">之间</font><font style="vertical-align: inherit;">添加</font><font style="vertical-align: inherit;">in </font><font style="vertical-align: inherit;">。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>- [x] Write the press release<font></font>
- [ ] Update the website<font></font>
- [ ] Contact the media<font></font>
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<p><img src="https://d33wubrfki0l68.cloudfront.net/54914727add678921954b094b9cca57f63bd6e2e/666d3/assets/images/tasklist.png" class="img-fluid" alt="Markdown任务列表"></p>

<h2 id="automatic-url-linking"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">自动网址链接</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#automatic-url-linking" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">许多Markdown处理器会自动将URL转换为链接。</font><font style="vertical-align: inherit;">这意味着如果您输入http://www.example.com，即使您没有</font></font><a href="../basic-syntax/index.html#links"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">使用方括号</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">，您的Markdown处理器也会自动将其转换为链接</font><font style="vertical-align: inherit;">。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>http://www.example.com
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<p><a href="http://www.example.com"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">http://www.example.com</font></font></a></p>

<h2 id="disabling-automatic-url-linking"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">禁用自动URL链接</font></font><a class="anchorjs-link " aria-label="锚" data-anchorjs-icon="" href="#disabling-automatic-url-linking" style="font: 1em/1 anchorjs-icons; padding-left: 0.375em;"></a></h2>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">如果您不希望自动链接URL，则可以通过</font></font><a href="../basic-syntax/index.html#code"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">将URL表示为</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">带有刻度线的</font><a href="../basic-syntax/index.html#code"><font style="vertical-align: inherit;">代码</font></a><font style="vertical-align: inherit;">来删除该链接</font><font style="vertical-align: inherit;">。</font></font></p>

<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>`http://www.example.com`
</code></pre></div></div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">呈现的输出如下所示：</font></font></p>

<p><code class="highlighter-rouge">http://www.example.com</code></p>

 

        </div>
        <div class="col-md-3 d-none d-md-block" id="sidebar">
          <nav id="toc" data-toggle="toc" class="sticky-top" style="z-index:1"> </nav>
        </div>
      </div>
    </div>

    
    <footer class="site-footer">
      <div class="container">
        <p style="font-size: 14px; font-weight: 600"><a href="../about">About</a>&nbsp;&nbsp;&nbsp;&nbsp; <!--a href="../api/v1">API</a-->&nbsp;&nbsp;&nbsp;&nbsp; <a href="../contact">Contact</a>&nbsp;&nbsp;&nbsp;&nbsp; <!---a href="#">GitHub</a-->&nbsp;&nbsp;&nbsp;&nbsp; </p>
        <p style="margin-top: 15px; font-size: 14px;">&#169; 2023. A <a href="https://www.p2hp.com">全栈开发网</a> project. <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.</p>
      </div>
</footer>
<script type='text/javascript' src='https://d33wubrfki0l68.cloudfront.net/js/c27f050a3dd251cfb00e5ada554b1c3412765a6d/assets/javascript/anchor.min.js'></script>
<script>
  anchors.options = {
  placement: 'right',
  };
  anchors.add('h1, h2, h3, h4, h5').remove('.no-anchor');
</script>

<!-- for search -->
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
<script>
docsearch({
apiKey: '0125ba824e95b21d36ae268518067391',
indexName: 'markdownguide',
inputSelector: '#search-input',
debug: false // Set debug to true if you want to inspect the dropdown
});
</script>

  </body>
</html>
